<template>
	<view class="recycle_order_submited-container">
		<view class="recycle_order_submited-content">
			<u-icon name="/static/images/icon_paySuccess.png" width="112" />
			<view class="xl black mt10">订单提交成功</view>
			<view class="nr normal mt30 mb30">请您耐心等待平台收货</view>

			<view class="recycle_order_submited--show_order mt30" @tap="goOrder">查看订单</view>
			<view class="recycle_order_submited--return_home mt30" @tap="goHome">返回首页</view>
		</view>
	</view>
</template>


<script>
	export default {
		data() {
			return {}
		},

		methods: {
			// 跳到订单
			goOrder() {
				uni.redirectTo({
					url: '/bundle/pages/recycle_order_list/recycle_order_list'
				})
			},

			// 跳到首页
			goHome() {
				uni.switchTab({
					url: '/pages/index/index'
				});
			}
		},

	}
</script>


<style scoped>
	.recycle_order_submited-container {
		padding: 20rpx;
	}

	.recycle_order_submited-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 30rpx 20rpx;
		border-radius: 10px;
		background-color: #FFFFFF;
	}

	.recycle_order_submited--show_order,
	.recycle_order_submited--return_home {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 84rpx;
		border-radius: 30px;
		font-size: 32rpx;
	}

	.recycle_order_submited--show_order {
		background-color: #3187FD;
		color: #FFFFFF;
	}

	.recycle_order_submited--return_home {
		border: 1rpx solid #3187FD;
		background-color: #FFFFFF;
		color: #3187FD;
	}
</style>